<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link href="#{request.contextPath}/images/icon.jpg" rel="shortcut icon"
		type="image/x-jpg" />
	<style type="text/css">
body {
	background-image: url(../images/fundoLogin.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 100% 100%;
}

.ui-widget {
	font-size: 10px !important;
}

.backGround {
	background-color: transparent;
}

.centro {
	width: 40%;
	position: absolute;
	top: 60%;
	left: 13%;
}
</style>

</h:head>
<h:body>

	<h:form prependId="false" id="formGrowlLogin">
		<p:growl id="growl" sticky="true" life="2000" autoUpdate="true" />
		<p:ajaxStatus onstart="statusDialog.show();"
			onsuccess="statusDialog.hide();" />
		<p:dialog modal="true" widgetVar="statusDialog" header="Aguarde.."
			draggable="false" closable="false" resizable="false"
			style="font-size: 11px">
			<h:panelGrid id="panelLoading">
				<p:graphicImage value="/images/carregando.gif" />
				<p:graphicImage value="/images/loadLogon.gif" />
			</h:panelGrid>
		</p:dialog>
	</h:form>

	<h:form id="formUsu" prependId="false">
		<p:panel header="Autenticação de Usuários" id="panelAutentica"
			footer="SIGLAS - Sistemas de Gerenciamento de Laboratório de Análise de Solo"
			styleClass="centro">
			<div align="left">
				<h:panelGrid columns="2" id="panelLogin">
					<h:outputText value="Preencha os campos:" style="font-size:9px" />
					<br />
					<h:outputText value="Usuário:" style="font-size:10px" id="lblUsu" />
					<p:inputText value="#{usuarioBacking.usuarioLogar.usuario}"
						id="txtUsu" size="20" required="true"
						requiredMessage="Campo 'Usuário' Vazio" />


					<h:outputText value="Senha:" style="font-size:10px" id="lblSen" />
					<p:password value="#{usuarioBacking.usuarioLogar.senha}" size="20"
						id="pwpw" feedback="false" required="true"
						requiredMessage="Campo 'Senha Vazio" />
				</h:panelGrid>
			</div>
			<br />
			<div align="center">
				<h:panelGrid columns="2" style="font-size:9px" id="pG2">

					<p:commandButton value="Logar" action="#{usuarioBacking.logar}"
						icon="ui-icon-check" />

					<p:commandButton value="Cancelar"
						actionListener="#{usuarioBacking.reset}" />
				</h:panelGrid>
			</div>
		</p:panel>
	</h:form>
</h:body>
</html>